@charset "utf-8";
/* CSS Document */
.fl {float: left;}
.fr {float: right;}
.footer{margin-bottom: 0;padding-top: 28px;background: #fff;}
.footer-box{width:80%;margin: 0 auto;}
.footer-box-icon{}
.footer-icon{width: 20%;float: left;text-align: center;}
.footer-icon p { margin-top: 10px;font-size: 16px;color: #646464;}
.footer-text{text-align: center;margin: 20px auto 0;background: #f5f5f5;    padding-bottom: 30px;}
.footer-text h3 {font-size: 14px; margin-bottom: 20px;padding-top: 28px;}
.footer-text h3 a {color: #888;margin: 0 25px;font-weight: 500;}
.footer-text h3 a:hover {color: #de5482;}
.certification{padding-top: 25px;overflow: hidden;width: 80%;margin: 0 auto;}
.certification-text{}
.certification-text p {color: #6C7076;line-height: 14px; margin-bottom: 8px; font-size: 12px;}
.right-con a{margin-left: 10px;}
.right-float{width: 56px;position: fixed;right: 10px;bottom: 150px;z-index: 101;}
.right-float>a {
    width: 54px;
    float: left;
    font-size: 12px;
    color: #747474;
    background: #fff;
    padding-top: 9px;
    padding-bottom: 7px;
    display: block;
    text-align: center;
    border: 1px solid #ececec;
    border-radius: 5px;
    position: relative;
    overflow: visible;
}
.right-float>a i {
    display: block;
    margin: 0 auto 3px;
}
.tally-i2 {
    width: 24px;
    height: 22px;
    background: url(/images/new202103index/icon5.png) no-repeat -26px -26px;
}
.tally-i3 {
    width: 24px;
    height: 22px;
    background: url(/images/new202103index/icon5.png) no-repeat -28px -50px;
}
.tally-i4 {
    width: 24px;
    height: 22px;
    background: url(/images/new202103index/icon5.png) no-repeat -26px -76px;
}
.tally-i6 {
    width: 20px;
    height: 11px;
    background: url(/images/new202103index/icon5.png) no-repeat -88px -92px;
}
.tally>a:hover{color:#fff;
    background: #DE5482;
    background: -webkit-linear-gradient(left,#FF6F86,#DE5482);
    background: -o-linear-gradient(left,#FF6F86,#DE5482);
    background: -moz-linear-gradient(left,#FF6F86,#DE5482);
    background: linear-gradient(left,#FF6F86,#DE5482);
}
.right-float>a:hover{color:#fff;
    background: #DE5482;
    background: -webkit-linear-gradient(left,#FF6F86,#de5482);
    background: -o-linear-gradient(left,#FF6F86,#de5482);
    background: -moz-linear-gradient(left,#FF6F86,#de5482);
    background: linear-gradient(left,#FF6F86,#de5482);
}
.right-float a:hover i.tally-i2{background: url(/images/new202103index/icon5.png) no-repeat 0 -26px;}
.right-float a:hover i.tally-i3{background: url(/images/new202103index/icon5.png) no-repeat 0 -50px;}
.right-float a:hover i.tally-i4{background: url(/images/new202103index/icon5.png) no-repeat 0 -76px;}
.right-float a:hover i.tally-i6{background: url(/images/new202103index/icon5.png) no-repeat -60px -92px;}

.tally-ul2 {
    width: 240px;
    position: absolute;
    top: -2px;
    left: -240px;
    box-shadow: 0 1px 8px #d9d9d9;
    display: none;
    background: #fff;
    padding-bottom: 15px;
}
.tally-ul2 p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    padding-left: 47px;
    padding-top: 15px;
    position: relative;
}
.tally-a9 {
    width: 90px;
    height: 36px;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    border-radius: 5px;
    margin-top: 3px;
    background: #DE5482;
    background: -webkit-linear-gradient(left,#FF6F86,#DE5482);
    background: -o-linear-gradient(left,#FF6F86,#DE5482);
    background: -moz-linear-gradient(left,#FF6F86,#DE5482);
    background: linear-gradient(left,#FF6F86,#DE5482);
}
.tally-ul2 .tally-common {
    width: 217px;
    height: 48px;
    margin: 0 auto;
    margin-top: 20px;
    border-top: 1px solid #F4F4F4;
    position: relative;
    padding-top: 15px;
}
.tally-ul2 .tally-common .icon {
    font-size: 24px;
    color: #999;
}
.tally-ul2 .tally-common a {
    font-size: 14px;
    color: rgba(0,0,0,.65);
    position: absolute;
    left: 30px;
    top: 18px;
}
.hover-dialog {
    display: none;
    position: absolute;
    right: 55px;
    top: 100px;
    transform: translate(0,-35%);
    z-index: 99;
}
.hover-dialog .img {
    width: 250px;
    height: 125px;
	margin: 0 auto;
}
.right-float .tally-a2:hover .right-float .tally-ul2 {display: block;}
.time{margin-top: 5px;
    font-size: 12px;
    color: #989898;}


.tally-p1 a{padding: 3px 14px;
    border-radius: 20px;
    cursor: pointer;
    border: 1px solid #a6a6a6;
    color: #979797;
    font-size: 14px;}
.tally-p1 a:hover{border:1px solid #f5e4c2;color:#333!important;background:-moz-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-webkit-gradient(linear,left,right,color-stop(0,#d7b67d),color-stop(100%,#d7b67d));background:-webkit-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-o-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-ms-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-webkit-gradient(linear,left top,right top,from(#f5e4c2),to(#d7b67d));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f5e4c2),to(#d7b67d));background:linear-gradient(to right,#f5e4c2 0,#d7b67d 100%)}

.copyQQSuccess{position:fixed;top:0;left:0;right:0;bottom:0;display:none; z-index: 5;}
.copyQQSuccess_con{opacity:0;position:absolute;top:50%;left:50%;width:222px;height:62px;line-height:33px;margin-left:-111px;margin-top:-31px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.6);border-radius:6px;display:inline-block;padding:15px 30px}

.copyQQSuccess_con img{vertical-align: middle;}

.qq{border:1px solid #f5e4c2;color:#333!important;background:-moz-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-webkit-gradient(linear,left,right,color-stop(0,#d7b67d),color-stop(100%,#d7b67d));background:-webkit-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-o-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-ms-linear-gradient(left,#f5e4c2 0,#d7b67d 100%);background:-webkit-gradient(linear,left top,right top,from(#f5e4c2),to(#d7b67d));background:-webkit-gradient(linear,left top,right top,color-stop(0,#f5e4c2),to(#d7b67d));background:linear-gradient(to right,#f5e4c2 0,#d7b67d 100%)}

/*
@media (max-width: 1680px){
	.footer-box{width: 1200px;}
	.certification{width: 1200px;}


}
@media (max-width: 1440px){
	.footer-box{width: 1000px;}
	.certification{width: 1000px;}


}
@media (max-width: 768px){
	.nav-content {width: 750px;}
	.nav-content-classification{display: none;}
	.footer-box {width: 750px;}
	.certification { width: 750px;}
	.certification-text{width: 750px;margin: 0 auto;text-align: center;}
	.right-con{    width: 750px; margin: 0 auto;text-align: center;}
	.right-float{display: none;}
}
*/